.app-register{
    flex: 1;
    width: 100%;
    height: 100%;
    background:url('../imgs/运动照片1.jpeg')no-repeat center;
    background-size: cover;
    position: relative;

    .p-login{
        position: absolute;
        top: 30px;
        right: 20px;
        color: #fff;
        font-size:20px;
    }
    .re-login{
        position: relative;

        .re-title{
            position: absolute;
            top: 80px;
            left: 32px;
            color: #fff;
            font-size:28px;
            font-weight: bold;
        }

        .re-font{
            position: absolute;
            top: 125px;
            left: 32px;
            color: rgba(255, 255, 255, .7);
            font-size: 15px;
        }

    }
    .re-messige{
        position: absolute;
        top: 190px;
        left: 32px;
        .reg-box {
            width: 90%;
            margin: 0 auto;
            margin-bottom: 20px;
            input,
            button {
              width: 100%;
              height: 50px;
              border-radius: 25px;
              background-color: rgba(255, 255, 255, 0.5);
              padding: 0 20px;
              color: #fff;
            }
          
            input::placeholder {
              color: #fff;
            }
          
            button {
              background-color: rgba(99, 255, 167, 0.5);
              color: #fff;
            }
          }
          .captcha {
            width: 120px;
            height: 50px;
            background-color: deeppink;
            margin-left: 10px;
          }
          
          .change-btn {
            color: #fff;
            position: absolute;
            right: 20px;
            top: 20px;
          }
          
        .re-wechat a{
            position: absolute;
            bottom:-20px;
            right: 33px;
            text-decoration: none;
            color: white;
            font-size: 14px;
            span{
                font-size: 24px;
                font-weight: bold;
                margin-left: 20px;
                color: rgba(255, 255, 255, .9);
            }
        } 
        .err-msg {
          // margin-left:130px;
          width: 100%;
          color: red;
          font-size: 16px;
          display: flex;
          justify-content: center;
        }
        .re-fighting{
            position: fixed;
            left: 130px;
            top: 580px;
            // justify-content: center;
            // text-align: center;
            color: white;
            font-size: 16px;
            font-weight: bold;
        }

        .input::-webkit-input-placeholder {
            color: white;
            font-size: 16px;
            opacity: 1;
        }
        

    }
}